<template>
    <div>
        <div>
            <span>年龄</span>
            <!-- .number修饰符-把值parseFloat转数值再赋予给v-model对应的变量 -->
            <input type="text" v-model.number="age"/>
        </div>
        <div>
            <!-- .trim修饰 - 去除首尾两边空格 -->
            <span>人生格言</span>
            <input type="text" v-model.trim="motto"/>
        </div>
        <div>
            <!-- .lazy修饰符 - 失去焦点内容改变时(就变成了change事件), 把内容同步给v-model的变量 -->
            <!-- 没有lazy修饰符，input事件内容变量，就会把内容同步到变量上 -->
            <span>个人简介</span>
            <textarea v-model.lazy="intro"></textarea>
        </div>
    </div>
</template>

<script>
export default {
    data() {
        return {
            age: 0,
            motto: '',
            intro: '',
        }
    },
}
</script>

<style></style>
